#5E6342

Color Details

HEX
#5E6342
RGB
rgb(94, 99, 66)
HSL
hsl(69, 20%, 32%)
CMYK
cmyk(5%, 0%, 33%, 61%)
Best text on this color #FFFFFF (CR 6.29:1) Determined by WCAG contrast ratio

Readability Previews

Black on #5e6342
Contrast 3.34:1 Fail
White on #5e6342
Contrast 6.29:1 AA
#5e6342 on Black
Contrast 3.34:1 Fail
#5e6342 on White
Contrast 6.29:1 AA

Tints & Shades

#7e8268
#9ea18e
#bfc1b3
#4b4f35
#383b28
#26281a

Complement & Analogous

#464162
#4c6440
#645740

Triadic

#415d62
#62415d

Monochrome

#26281a #383b28 #5e6342 #9ea18e #bfc1b3 #dfe0d9

Analogous

#645740 #938979 #5e6342 #708366 #4c6440 #3d5033

Complementary Mix

#383b28 #5e6342 #9ea18e #464162 #878499 #2e2a40

Nearby Colors

#5e6341
#5e6343
#5e6332
#5e6352

Embed #5E6342 swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #5E6342

#5E6342 converts to RGB(94, 99, 66) and HSL(69, 20%, 32%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#5E6342 FAQs

What is the RGB value of #5E6342?
RGB: 94, 99, 66. Copy as CSS: rgb(94, 99, 66)
Is #5E6342 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #5E6342?
Complement: #464162.
Does #5E6342 have good contrast on white or black?
On white: 6.29:1 (AA (normal text)). On black: 3.34:1 (AA (large text)).